<template>
<div>
    <p>Vuex：vue的状态管理器，用于管理vue项目中的一些变量</p>
    <p>这些变量会反复出现在多个地方，所以我们需要统一管理</p>
    <p>vuex就是项目中的一个全局变量，可以在项目中的任何地方访问。</p>
    <p>在vuex中，所有的修改，最终都要通过mutations来实现。mutatons是同步的修改</p>
    <br>
    <p><mark>{{$store.state.count}}</mark></p>
    <button @click="add">+5</button>
</div>
</template>

<script>
export default {
    data(){
        return{

        }
    },
    created(){
        console.log(this.$store.state.count)

    },
    methods:{
        add(){
            // this.$store.commit('increment')
            // this.$store.commit('add5')
            this.$store.commit('change',{
                result:666
            })
        }
    }
}
</script>

<style scoped>
    
</style>